import {
  getHots
} from "../../apis/getHots"
import {
  getBili
} from "../../apis/getBili"
import {
  getCsdn
} from "../../apis/getCsdn"
import {
  getToutiao
} from "../../apis/getToutiao"
const app = getApp();
const ipUrl = app.globalData.ipUrl;
// pages/message/message.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    hotSearchList: [],//百度
    biliList:[],//哔哩哔哩
    csdnList:[],//哔哩哔哩
    ipurl:ipUrl,
  },
  clickHots: function(event) {
    const index = event.currentTarget.dataset.index;
    const url = event.currentTarget.dataset.url;
    let hotSearchList = this.data.hotSearchList;
    // 更新点击的条目为已读状态
    hotSearchList[index].read = true;
    // 更新数据
    this.setData({
      hotSearchList: hotSearchList
    });
    // 跳转到指定 URL
    wx.navigateTo({
      url: `/pages/webview/webview?url=${encodeURIComponent(url)}`
    });
  },

  clickBilibili: function(event) {
    const index = event.currentTarget.dataset.index;
    const url = event.currentTarget.dataset.url;
    let biliList = this.data.biliList;
    // 更新点击的条目为已读状态
    biliList[index].readBili = true;
    // 更新数据
    this.setData({
      biliList: biliList
    });
    console.log('点击后',this.data.biliList)
    // 跳转到指定 URL
    wx.navigateTo({
      url: `/pages/webview/webview?url=${encodeURIComponent(url)}`
    });
  },

  clickCsdn: function(event) {
    const index = event.currentTarget.dataset.index;
    const url = event.currentTarget.dataset.url;
    let csdnList = this.data.csdnList;
    // 更新点击的条目为已读状态
    csdnList[index].readCsdn = true;
    // 更新数据
    this.setData({
      csdnList: csdnList
    });
    console.log('点击后',this.data.csdnList)
    // 跳转到指定 URL
    wx.navigateTo({
      url: `/pages/webview/webview?url=${encodeURIComponent(url)}`
    });
  },

  clickToutiao: function(event) {
    const index = event.currentTarget.dataset.index;
    const url = event.currentTarget.dataset.url;
    let toutiaoList = this.data.toutiaoList;
    // 更新点击的条目为已读状态
    toutiaoList[index].readToutiao = true;
    // 更新数据
    this.setData({
      toutiaoList: toutiaoList
    });
    console.log('点击后',this.data.toutiaoList)
    // 跳转到指定 URL
    wx.navigateTo({
      url: `/pages/webview/webview?url=${encodeURIComponent(url)}`
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    getHots().then((res) => {
      // 处理数据，给每个条目添加 `read` 字段
      const hotSearchList = res.data.content.map(item => ({
        ...item,
        read: false // 初始化为未读状态
      }));
      // 设置数据
      this.setData({
        hotSearchList: hotSearchList
      });
      console.log('baidu',this.data.hotSearchList);
    });
    getBili().then((res) => {
      // 处理数据，给每个条目添加 `readBili` 字段
      const biliList = res.data.list.map(item => ({
        ...item,
        readBili: false // 初始化为未读状态
      }));
      // 设置数据
      this.setData({
        biliList: biliList
      });
      console.log('biliList',this.data.biliList);
    });
    getCsdn().then((res) => {
      // 处理数据，给每个条目添加 `readBili` 字段
      const csdnList = res.data.list.map(item => ({
        ...item,
        readCsdn: false // 初始化为未读状态
      }));
      // 设置数据
      this.setData({
        csdnList: csdnList
      });
      console.log('csdnList',this.data.csdnList);
    });
    getToutiao().then((res) => {
      // 处理数据，给每个条目添加 `readBili` 字段
      const toutiaoList = res.data.list.map(item => ({
        ...item,
        readToutiao: false // 初始化为未读状态
      }));
      // 设置数据
      this.setData({
        toutiaoList: toutiaoList
      });
      console.log('toutiaoList',this.data.toutiaoList);
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})